<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // const obj={
        //     name:'vue3',
        //     age:9
        // }

        // //取值
        // //.
        // console.log(obj.name)
        // console.log(obj.age)

        // //[]
        // console.log(obj[`name`])
        // console.log(obj[`age`])

        // //注意：当属性是字符串的时候，只能使用[]取值
        // let x='name'
        // let y=`age`

        // console.log(obj[x])
        // console.log(obj[y])

        //这种行为是未定义的，但并不会报错
        //console.log(obj.x)  //undefined
        //console.log(obj.y)

        let min=1
        let max=99

        //以前的写法，不简写
        // const obj={
        //     min:min,
        //     max:max
        // }

        const obj={
            min,
            max
        }

        console.log(obj);
    </script>
</body>
</html>